import AntdContainer from '@/components/AntdContainer'
import type { Metadata } from 'next'
import { Geist, Geist_Mono } from 'next/font/google'
import './globals.css'

const geistSans = Geist({
  variable: '--font-geist-sans',
  subsets: ['latin']
})

const geistMono = Geist_Mono({
  variable: '--font-geist-mono',
  subsets: ['latin']
})

export const metadata: Metadata = {
  title: 'IM实时通讯系统',
  description: '一个使用Next.js实现的IM实时通讯系统，支持单聊、群聊、文件传输、图片传输、语音传输、视频传输等功能'
}

export default function RootLayout({
  children
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={`h-screen ${geistSans.variable} ${geistMono.variable} antialiased`}>
        <AntdContainer>{children}</AntdContainer>
      </body>
    </html>
  )
}
